<template>
  <div class="event-bus-demo">
    <h2>EventBus 通信演示（不推荐）</h2>
    <div class="bus-components">
      <SenderComponent />
      <ReceiverComponent />
    </div>
  </div>
</template>

<script setup>
import SenderComponent from './EventBusSender.vue'
import ReceiverComponent from './EventBusReceiver.vue'
</script>

<style scoped>
.event-bus-demo {
  padding: 20px;
  background-color: #f0f0f0;
}
.bus-components {
  display: flex;
  justify-content: space-around;
}
</style>
